/*
==========================================
 * reset.scss v3.2.0 | Author: Mr.Wen
==========================================
*/

@charset "UTF-8";
@import "./global";

* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}


/* html, body, div, p, span, a, img, iframe, form, label, audio, video, canvas,
table, thead, tbody, tfoot, tr, th, td,
em, i, strong, b, u, time, mark,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
caption, blockquote, pre, del, sub,
header, footer, nav, menu, main, article, aside, section,
output, details, figcaption, figure, hgroup, summary,

applet, object, abbr, acronym, address, big, cite, code, dfn, ins, kbd,
q, s, samp, small, strike, sup, tt, var, center, fieldset, legend, embed, ruby */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html,
body {
  min-width: 100%;
  min-height: 100vh;
  font: inherit;
  touch-action: pan-y;
  text-size-adjust: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  font-synthesis: style;
  -webkit-overflow-scrolling: touch;
  -webkit-print-color-adjust: exact !important;
}

/**
 * Set the fonts and colors in all browsers.
 */

body {
  overflow-x: hidden;
  font-family: var(--klein-font-family);
  font-size: var(--klein-font-size);
  color: var(--klein-font-color);
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}


/** √
 * Remove the gray background on active links in IE 10.
 * 去除IE10中的灰色背景
 */

a {
  font-size: 100%;
  color: #888888;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}

a:link,
a:visited,
a:active,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;

  // transition: all 0.001s linear 0s;
  -webkit-tap-highlight-color: transparent;
}

/* 当 a元素没有文本值，但 href 属性有链接的时候显示链接 */

a[href^='http']:empty::before {
  content: attr(href);
}

// a[href]:not([class]) {}

ul,
ol,
dl,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
em,
i,
b,
strong {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}

/* b{
  font-weight:bold;
  font-style: italic;
} */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * Remove the border on images inside links in IE 10.
 * 去除IE6+中a链接包裹图片蓝色边框
 */

img {
  display: block;
  vertical-align: middle;

  /* 解决图片下方的间距 */
  border: none;
  content: normal !important;
  opacity: 1;
  filter: alpha(opacity=100); // 兼容IE透明度
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  display: block;
  overflow: hidden;

  // cursor: pointer;
}

/* 删除表格单元格之间的间距 */

table {
  width: 100%;
  height: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;

  tr {

    th,
    td {
      font-weight: normal;
      text-align: left;
      white-space: nowrap;

      input {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        border: 1px solid transparent;
      }
    }
  }
}

/** 表单标签本身不继承父元素的文本属性
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

input,
button,
textarea,
select {
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  color: inherit;
  text-transform: none;
  vertical-align: top;
  background: transparent;
  border: none;
  outline: none;
  box-sizing: border-box;

  /* 去掉点击时的蓝色外边框和灰色半透明背景 */
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);

  /* 修改input光标颜色 */
  caret-color: #097aee;
}

textarea {
  /* IE8+中，去除默认垂直滚动条属性 */
  overflow: auto;

  /* 去掉文本域拉伸的效果 */
  resize: none;
}

/* 去掉表单点击时的外框效果 */

input:focus,
textarea:focus {
  outline: none;
}

button:disabled {
  cursor: default;
}

audio,
canvas,
video,
progress {
  display: inline-block;
  vertical-align: baseline;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

video[autoplay]:not([muted]) {
  display: none;
}

/* 给按钮添加手型 */

input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

button[disabled],
input[disabled] {
  cursor: not-allowed; // default
}

[type='search'] {
  outline-offset: -2px;
  appearance: textfield;
}

[type='search']::-webkit-search-decoration {
  appearance: none;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  padding: 0;
  box-sizing: border-box;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Add the correct display in IE 10+.
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11,Safari,and Firefox < 22.
 */

[hidden],
template {
  display: none; // 不占位置
  visibility: hidden; // 占位置
}

// 以下内容有待验证

select {
  width: 100%;

  /* 为下拉小箭头留出一点位置，避免被文字覆盖 */
  padding: 4px 15px 4px 10px;

  /* 在选择框的最右侧中间显示小箭头图片 */
  // background: url('../assets/1.png') no-repeat scroll right center transparent;

  /* Chrome和Firefox里面的边框是不一样的，所以复写了一下 */
  border: solid 1px #e4e6e8;
  border-radius: 5px;

  /* 很关键：将默认的select选择框样式清除 */
  appearance: none;
  background-size: 15px;

  option {
    line-height: 1.5em;
    background-color: #f9f9f9;
  }
}

/* 清除ie的默认选择框样式清除，隐藏下拉箭头 */

select::-ms-expand {
  display: none;
}

label>* {
  pointer-events: none;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  color: #ff0000;
  background: #ffff00;
}

/**
 * Address differences between Firefox and other browsers.
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  height: 0;
  overflow: visible;
  box-sizing: content-box;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  display: inline;
  overflow: auto;
  font-family: monospace;
  font-size: 1em;
  word-wrap: break-word;
  white-space: pre-wrap;
}



/* 解决 h1 标签在 webkit 内核浏览器中文字大小失效问题 */

:-webkit-any(article, aside, nav, section) h1 {
  font-size: 2em;
}

.aaaa {

  &:hover,
  &:focus,
  &:active {
    outline: none;
  }
}

// 删除 type='number' 末尾箭头

.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button {
  appearance: none;
}